<template>
    <div class="newitem-content">
        <van-image :src="image" fit="cover" radius="8px"></van-image>
        <span class="item-title">{{itemcontent.title}}</span>
    </div>
</template>

<script>
export default {
    name:'NewItem',
    props:['itemcontent'],
    data(){
        return{
            image: require("../../../assets/yiyuan.jpg"),
        }
    }
}
</script>

<style scoped>
.newitem-content{
    position: relative;
    width: 100%;
    /* text-align: center; */
    margin-top: 10px;
    
}
.van-image{
    height:45.25vw;
    margin: 10px;
    box-shadow:5px 5px 10px gray;
}
.item-title{
    position: absolute;
    bottom: 25px;
    left: 15px;
    right: 15px;
    color: white;
    font-size: 14px;
    text-shadow: gray 3px 3px 7px;
}
</style>